<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./CSS/reset.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易新闻列表</title>
    <style>
        a{
            text-decoration: none;
            color:#000;
        }
        a:hover{
            color: #f34540;
        }
        .container{

            width: 300px;
            margin: 100px auto;
            border-top:1px #dddddd solid;
        }
        .title{
            height: 40px;
            border-top: red solid 1px;
            display: inline-block;
            font-size: 16px;
            font-weight:bold;
            line-height: 40px;
            margin-top: -1px;
        }
        .img{
            height:150px ;
        }
        .img-title{
            margin-top: -25px;
            padding-left: 10px;
            color:#fff;
            font-size: 16px;
            font-weight: bold;
        }
        .item-list{
            margin-top: 10px;

        }
        .item{
            font-size: 14px;  
            margin-top: 15px;
        }
        .item::before{
          content: "■";
          color:rgb(218,218,218);
          margin-right:5px;
          font-size: 8px;
        }
        .item a{
            color: #666666;
        }
        .item a:hover{
            color: #f34540;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="title"><a href="">财经</a></div>
        <div class="img"> 
         <a href="#">
            <img src="./imgs/网易新闻图片.png" alt="" title="不靠谱基金">  
            <h2 class="img-title">不靠谱的基金?</h2> 
         </a>
        </div>
         <ul class="item-list">
            <li class="item">
                <a href="#">美国撤销两家中国电信公司在美运营授权</a>
            </li>
            <li class="item">
                <a href="#">黄峥你凭什么退？扭亏为盈？并没有</a>
            </li>
            <li class="item">
                <a href="#">道指涨0.58%创新高 拼多多跌7.1%</a>
            </li>
            <li class="item">
                <a href="#">虚惊！美联储重磅宣布 预计2023年前不加息</a>
            </li>
            
        </ul>  
        </div>
</body>
</html>